<!doctype html>
<html>
<head>
<#include "/h5/include.ftl"/>
<title>商家列表</title>
</head>

<body style="background:#fff;">
  <div id="iheader">
  <a href="/m" class="iheader_back"></a>
    <h2 class="iheader_title">世茂香槟湖<a class="icon-dw"></a></h2>
    <h6 class="clear"></h6>
  </div>
<div class="h90"></div>
<div class="geo_filter"> 
       <ul class="list_menu clear">
          <li class="menu_tab"><em>全部分类</em><i class="icon_class"></i></li>
          <li class="menu_tab"><em>商 圈</em><i class="icon_class"></i></li>
          <li class="menu_tab"><em>智能排序</em><i class="icon_class"></i></li>
       </ul>            
</div>

<div class="sweet_overlay" tabindex="-1" style="opacity:0.5; display: none;"></div>
<div class="all_menu">
  <ul class="pro_all">
    <li><a href="#">全部分类</a></li>
    <li><a href="#">甜点饮品</a></li>
    <li><a href="#">火锅</a></li>
    <li><a href="#">自助餐</a></li>
    <li><a href="#">小吃快餐</a></li>
    <li><a href="#">小吃快餐</a></li>
    <li><a href="#">日韩料理</a></li>
    <li><a href="#">聚餐宴请</a></li>
    <li><a href="#">西餐</a></li>
    <li><a href="#">自助餐</a></li>
    <li><a href="#">小吃快餐</a></li>
    <li><a href="#">小吃快餐</a></li>
    <li><a href="#">日韩料理</a></li>
    <li><a href="#">聚餐宴请</a></li>
    <li><a href="#">西餐</a></li>
    <h6 class="clear"></h6>
  </ul>

  <ul class="area">
		<div class="area_a">
        	<span onclick="areaa(this)">全部商圈</span>               
            <span onclick="areaa(this)">金坛区</span>
            <span onclick="areaa(this)">溧阳市</span>
            <span onclick="areaa(this)">钟楼区</span>
            <span onclick="areaa(this)">天宁区</span>
            <span onclick="areaa(this)">戚墅堰区</span>
            <span onclick="areaa(this)">新北区</span>
            <span onclick="areaa(this)">武进区</span>
        </div>
        <div class="area_b">
        	<span><a>全部</a></span>
			<span><a>常发广场</a></span>
			<span><a>万达广场</a></span>
			<span><a class="current">金陵北路</a></span>
			<span><a>太湖路</a></span>
			<span><a>奥体中心</a></span>
			<span><a>恐龙园</a></span>
        </div>
  </ul>

  <ul class="pro_nav">
    <li><a><i><img src="images/tab_3_cion1.png" /></i>智能排序</a></li>
    <li><a><i><img src="images/tab_3_cion2.png" /></i>好评优先</a></li>
    <li><a><i><img src="images/tab_3_cion3.png" /></i>离我最近</a></li>
    <li><a><i><img src="images/tab_3_cion4.png" /></i>人均最低</a></li>

  </ul>
</div>

<div class="business">
    	<div class="business_box clearfix">
        	<div class="business_pic"><a href="#"><img src="images/guess_pic.jpg" /></a></div>
        	<div class="business_r">
            	<h2 class="business_name"><a href="#">长兴楼饭店（新区总店）</a></h2>
                <div class="business_star">
                	<span class="ic_star ic_star_selected"></span>
                	<span class="ic_star ic_star_selected"></span>
                	<span class="ic_star ic_star_selected"></span>
                	<span class="ic_star ic_star_selected"></span>
                	<span class="ic_star"></span>
                    <em>87评价</em>
                </div>
                <div class="business_bal"><i class="distance">500m</i><span class="adr">宴请聚会  新北区</span></div>
            </div>
            <h6 class="clear"></h6>
        </div>
        <div class="business_box clearfix">
        	<div class="business_pic"><a href="#"><img src="images/guess_pic.jpg" /></a></div>
        	<div class="business_r">
            	<h2 class="business_name"><a href="#">长兴楼饭店（新区总店）</a></h2>
                <div class="business_star">
                	<span class="ic_star ic_star_selected"></span>
                	<span class="ic_star ic_star_selected"></span>
                	<span class="ic_star ic_star_selected"></span>
                	<span class="ic_star ic_star_selected"></span>
                	<span class="ic_star"></span>
                    <em>87评价</em>
                </div>
                <div class="business_bal"><i class="distance">500m</i><span class="adr">宴请聚会  新北区</span></div>
            </div>
            <h6 class="clear"></h6>
        </div>
        <div class="business_box clearfix">
        	<div class="business_pic"><a href="#"><img src="images/guess_pic.jpg" /></a></div>
        	<div class="business_r">
            	<h2 class="business_name"><a href="#">长兴楼饭店（新区总店）</a></h2>
                <div class="business_star">
                	<span class="ic_star ic_star_selected"></span>
                	<span class="ic_star ic_star_selected"></span>
                	<span class="ic_star ic_star_selected"></span>
                	<span class="ic_star ic_star_selected"></span>
                	<span class="ic_star"></span>
                    <em>87评价</em>
                </div>
                <div class="business_bal"><i class="distance">500m</i><span class="adr">宴请聚会  新北区</span></div>
            </div>
            <h6 class="clear"></h6>
        </div>
        <div class="business_box clearfix">
        	<div class="business_pic"><a href="#"><img src="images/guess_pic.jpg" /></a></div>
        	<div class="business_r">
            	<h2 class="business_name"><a href="#">长兴楼饭店（新区总店）</a></h2>
                <div class="business_star">
                	<span class="ic_star ic_star_selected"></span>
                	<span class="ic_star ic_star_selected"></span>
                	<span class="ic_star ic_star_selected"></span>
                	<span class="ic_star ic_star_selected"></span>
                	<span class="ic_star"></span>
                    <em>87评价</em>
                </div>
                <div class="business_bal"><i class="distance">500m</i><span class="adr">宴请聚会  新北区</span></div>
            </div>
            <h6 class="clear"></h6>
        </div>
        <div class="business_box clearfix">
        	<div class="business_pic"><a href="#"><img src="images/guess_pic.jpg" /></a></div>
        	<div class="business_r">
            	<h2 class="business_name"><a href="#">长兴楼饭店（新区总店）</a></h2>
                <div class="business_star">
                	<span class="ic_star ic_star_selected"></span>
                	<span class="ic_star ic_star_selected"></span>
                	<span class="ic_star ic_star_selected"></span>
                	<span class="ic_star ic_star_selected"></span>
                	<span class="ic_star"></span>
                    <em>87评价</em>
                </div>
                <div class="business_bal"><i class="distance">500m</i><span class="adr">宴请聚会  新北区</span></div>
            </div>
            <h6 class="clear"></h6>
        </div>
    </div>
<div class="h40"></div>
<script type="text/javascript">
$(function(){


	$(".list_menu li").each(function(i) {
		$(this).click(function(){
			if($(this).hasClass("on")){
				$(".list_menu li").removeClass("on")
				$(".sweet_overlay").hide();
				$(".all_menu ul").hide();
				}else{
					$(".sweet_overlay").fadeIn();
					$(this).addClass("on").siblings().removeClass("on");
					$(".all_menu ul:eq("+i+")").fadeIn().siblings().hide();
					}
		})
	});

	$(".sweet_overlay").click(function(){
		 $(".sweet_overlay").hide();
		 $(".all_menu ul").hide();
		 $(".list_menu li").removeClass("on");
		 $("body").removeClass("fixed");
	})
	 $(".area_a>span").click(function(){
		  $(this).addClass("selected").siblings().removeClass("selected");
		 $(".area_a").css("width","38%");
        $(".area_b").css({"width":"63%","left":"37%"});
		$("body").addClass("fixed");
    });
});

</script>

</body>
</html>
